.table {
  border-radius: 6px;
  border: 1px solid #e5edfa;
  box-sizing: border-box;
  .tr-common {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .center {
    justify-content: center;
  }
  .table-header {
    width: 100%;
    .tr {
      width: 100%;
      background: linear-gradient(
        180deg,
        #f0faff 0%,
        rgba(230, 247, 255, 0) 100%
      );
      overflow: hidden;
      height: 56px;
      .tr-common();
      .td {
        display: flex;
        align-items: center;
        height: 60px;
        // border-bottom: 1px solid #e5edfa;
        // box-sizing: border-box;
        background: linear-gradient(
          180deg,
          #f0faff 0%,
          rgba(230, 247, 255, 0) 100%
        );
        font-weight: 600;
        color: #1d2129;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
  .table-body {
    overflow-x: auto;
    .tr {
      // width: 100%;
      .tr-common();
      .td {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        color: #4e5969;
        font-size: 14px;
        border-top: 1px solid #e5edfa;
      }
      &:hover {
      }
    }
  }
  .hidden {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
